.icon-ok
    color: var(--green-500)
    text-decoration: none

.icon-warn
    color: var(--orange-500)
    text-decoration: none

.icon-error
    color: var(--red-500)
    text-decoration: none

.icon-pending
    color: var(--surface-500)
    text-decoration: none

:host ::ng-deep .p-treetable .p-treetable-thead
    tr th
        border-top: 1px solid var(--surface-200)
        border-left: none
        border-right: none
        border-bottom: 1px solid var(--surface-200)
        background: var(--surface-ground)

        &:first-child
            width: 300px

:host ::ng-deep .p-treetable .p-treetable-tbody
    tr.relationship-pane
        background: var(--surface-0)
        color: var(--primary-700)
    tr td
        border-top: none
        border-left: none
        border-right: none
        border-bottom: 1px solid var(--surface-200)

        &:first-child
            width: 300px
            border-right: 1px solid var(--surface-200)
